<!--
 * @Author: zhangxiangsheng 1026583651@qq.com
 * @Date: 2024-06-17 15:37:49
 * @LastEditors: zhangxiangsheng 1026583651@qq.com
 * @LastEditTime: 2024-06-26 13:51:35
 * @FilePath: \appGly\pages\revenue\revenue.vue
 * @Description: 
 * 
 * Copyright (c) 2024 by ${git_name_email}, All Rights Reserved. 
-->
<template>
  <view>
    <u-navbar title="收入">
      <template #left>
        <view></view>
      </template>
    </u-navbar>
    <view class="srcard">
      <view class="yetext">
        <view class="text1">账户余额（元）</view>
        <view class="text2">0.00</view>
      </view>
      <view class="txbtn">提现</view>
    </view>
    <view class="txsmbox">
      <view class="title">提现说明:</view>
      <view class="text">账号余额提现到微信账号或支付宝账号(0手续费)。</view>
      <view class="text">
        账号余额提现到银行卡需要支付手续费(银行卡提现手续费：按单笔金额收取，T+1到账，每笔收取0.1%,
        最低1元，最高25元)。
      </view>
      <view class="text">
        绑定或修改提现账号请在工作日09:00至18:00拨打18058805084（其余时间段请添加微信，微信同号）联系我们的工作人员进行审核。
      </view>
    </view>
    <ztabbar></ztabbar>
  </view>
</template>

<script>
  export default {
    data() {
      return {};
    },
    methods: {},
  };
</script>
<style>
  page {
    background: #efeff4;
  }
</style>
<style lang="scss" scoped>
  .srcard {
    background: #2093f5;
    margin: 10px;
    border-radius: 6px;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 30rpx 20rpx;
    .yetext {
      flex: 1;
      color: #ffffff;
      .text1 {
        line-height: 50px;
      }
      .text2 {
        line-height: 60px;
        font-size: 30px;
      }
    }
    .txbtn {
      background: #63b4f8;
      color: #ffffff;
      padding: 6px 12px;
      line-height: 24px;
      font-size: 16px;
      border-radius: 20px;
    }
  }

  .txsmbox {
    background: #ffffff;
    padding: 18px;
  }
  .txsmbox .title {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    /*font-weight: bold;*/
  }
  .txsmbox .text {
    font-size: 14px;
    line-height: 1.3;
    color: #9c9c9c;
    padding-left: 14px;
    position: relative;
    margin-bottom: 8px;
  }
  .txsmbox .text::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2093f5;
    left: 0;
    top: 7px;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
  }
</style>
